<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>显示属性与光标属性</title>
		<!-- 显示属性  display --- none  block  inline
		 none     特点: 去掉盒模型中元素
		 block    特点: 将盒模型中元素改为块元素
		 inline   特点: 将盒模型中元素改为行元素-->
		<style>
			div{
				/* 背景图片属性 */
				width: 500px;
				height: 500px;
				background: url(img/DCC43F31CD113EB569E3FCD830FD0667.gif);
				background-size: 115%;
				/* 显示属性  display */
				/* display: none; */
				/* 图片消失?
				 转成行内元素 行内元素实际宽高由内容来定
				 div---有宽没高 没有内容{变成线}*/
				 cursor: help;
			}
			
			/* 补充: 显示属性 */
			p{
				width: 500px;
				height: 500px;
				background: url(img/3.png);
				background-size: 100%;
				/* 元素隐藏  盒模型仍然存在 */
				/* visibility: hidden; */
				
				/* 光标属性: 通常修饰某些元素光标效果{属性值} */
				/* cursor光标属性 pointer    手掌
				                 crosshair   十字准线
								text         文本
								 wait;      加载等待
								 help       帮助*/
				cursor: pointer;
			}
		</style>
	</head>
	<body>
		<div></div>
		22222
		<p></p>
		菲比
	</body>
</html>